/* ===== CROMÁTICA - portfolio ===== */

.color-box--f5f5f5 { background: #f5f5f5; }
.color-box--e5e5e5 { background: #e5e5e5; }
.color-box--0a0a0a { background: #0a0a0a; }
.color-box--ffffff { background: #ffffff; border: 1px solid #e5e5e5; }
.color-box--ff2b2b { background: #ff2b2b; }
.color-box--ff6a00 { background: #ff6a00; }
.color-box--ffb800 { background: #ffb800; }
.color-box--gradient { background: linear-gradient(90deg, #ff2b2b, #ff6a00, #ffb800); }

/* ===== tarot - ===== */

.color-box--05010d { background: #05010d; }
.color-box--white { background: #ffffff; }
.color-box--c77dff { background: #c77dff; }
.color-box--7b2cbf { background: #7b2cbf; }
.color-box--c084fc { background: #c084fc; }
.color-box--glass {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.color-box--border { background: rgba(255, 255, 255, 0.1); }
.color-box--whatsapp { background: #25d366; }

/* ===== PALETA KINESIO/VERDE - Color Swatches ===== */

.color-box--f2f4f3 { background: #f2f4f3; }
.color-box--white-bordered {
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.color-box--4c9a87 { background: #4c9a87; }
.color-box--3e8574 { background: #3e8574; }
.color-box--3f8f7a { background: #3f8f7a; }
.color-box--2e2e2e { background: #2e2e2e; }
.color-box--7a8a8a { background: #7a8a8a; }
.color-box--whatsapp { background: #25d366; }

/* ===== PALETA AZUL CORPORATIVO - Color Swatches ===== */

.color-box--25387a { background: #25387a; }
.color-box--aab1cb { background: #aab1cb; }
.color-box--f4f6fb { background: #f4f6fb; }
.color-box--fefefe {
  background: #fefefe;
  border: 1px solid #e2e6f0;
}
.color-box--34c759 { background: #34c759; }
.color-box--ff9500 { background: #ff9500; }
.color-box--ff3b30 { background: #ff3b30; }

/* ===== PALETA AZUL CRM - Color Swatches ===== */

.color-box--2f6fe4 { background: #2f6fe4; }
.color-box--1c3f94 { background: #1c3f94; }
.color-box--f2f4f8 { background: #f2f4f8; }
.color-box--white-bordered-2 {
  background: #ffffff;
  border: 1px solid #e5eaf2;
}
.color-box--2b2b2b { background: #2b2b2b; }
.color-box--1a1a1a { background: #1a1a1a; }

/* #34C759 (Éxito) y #FF3B30 (Error) ya existen como
   .color-box--34c759 y .color-box--ff3b30 — reusalas, no las dupliques */